<script lang="ts" setup>
import { type RouteRecordName, type RouteRecordRaw, useRouter } from "vue-router"
const router = useRouter()
function goto(path: string) {
  router.push({ path })
}
function goto1(path: string) {
  router.push({ path,
    query: {
      ji: '1'
    }
  })
}
</script>

<template>
  <div class="w-screen p-8 h-screen flex items-center justify-center" style="background: url('/bg1.jpeg'); background-size: cover;">
    <div class="bg-white p-3">
    <div class="mb-3">
      <el-button type="primary" style="padding: 40px 60px; font-size: 20px;"  @click="goto('/supplier/index')">物料申请</el-button>
      <el-button type="primary" style="padding: 40px 60px; font-size: 20px;"  @click="goto('/labels/addzyd')">转运申请</el-button>
      <el-button type="danger" style="padding: 40px 60px; font-size: 20px;" @click="goto1('/labels/add')">急件申请</el-button>
  </div>
  <div >
    <el-button type="primary" style="padding: 40px 60px; font-size: 20px;" @click="goto('/label-manage/me')">我的订单</el-button>
    <el-button type="primary" style="padding: 40px 60px; font-size: 20px;" @click="goto('/service/index')">联系客服</el-button>
    <el-button type="primary" style="padding: 40px 60px; font-size: 20px;" @click="goto('/organization/index')">组织架构</el-button>
  </div>
    </div>
  </div>
</template>
